<template>
	<view class="container">
		<view class="topstart"></view>
		<view class="imag">
			<image
				src="https://cdn4.codesign.qq.com/screen-slices/2024/10/24/AE9KQ24VXEeW10gGYZl24/jk4naj4thvwm0e4v/7b51b951-673b-4392-9b45-85b33a980ab8.png?imageMogr2/thumbnail/700x650/interlace/1"
				mode=""></image>
		</view>
		<view class="signin">
			<view class="notice">
				<image src="../../static/399.png" mode="" @click="notice">
				</image>
				<view class="information" v-if="unreadinformation != 0">
					{{unreadinformation}}
				</view>
			</view>
			<view class="notsignedin" v-if="status==1">
				<!-- <image src="../../static/354.png" mode=""></image> -->
				<view class="notsignedintext" @click="signin" v-if="checkinornot"> 已签到 </view>
				<view class="notsignedintext" @click="signin" v-else> 签到领积分 </view>
			</view>
		</view>
		<view class="headerbox">
			<view class="weidenglu" @click="logon" v-if="!isLogin"> 未登录(点击登录) </view>
			<!-- <view class="weidenglu" @click="toLogin"> 未登录(点击登录) </view> -->
			<view class="" v-else style="display: flex;align-items: center;">
				<image class="boximg" src="../../static/303.jpg" mode="" v-if="!userInfo.avatar"></image>
				<image class="boximg" :src="userInfo.avatar" mode="" v-else></image>
				<view class="details" v-if="userInfo">
					<view class="name">{{userInfo.nickName|| '用户'}} </view>
					<view class="namea" v-if="userInfo.isVip == 1&&status==1">
						<image src="../../static/398.png" mode=""></image>
						<view class="nameatext"> 会员 </view>
					</view>
				</view>
			</view>
		</view>
		<view class="modtBox" v-if="status==1">
			<view class="image">
				<image src="../../static/356.png" mode=""></image>
			</view>
			<view class="modtBox-a" @click="income">
				<view class="modtBox-a-a">
					<view class="text">收益</view>
					<!-- <image src="../../static/dsxzs/267.png"></image> -->
				</view>
				<view class="modtBox-a-b" v-if="userInfo.balance">{{userInfo.balance}}</view>
				<view class="modtBox-a-b" v-else>0</view>
			</view>
			<view class="modtBox-a">
				<view class="modtBox-a-a">
					<view class="text">积分</view>
					<!-- <image src="../../static/dsxzs/267.png"></image> -->
				</view>
				<view class="modtBox-a-b">{{totalpoints}}</view>
			</view>
			<view class="modtBox-a" @click="coupon">
				<view class="modtBox-a-a">
					<view class="text">优惠卷</view>
				</view>
				<view class="modtBox-a-c">{{total}}</view>
			</view>
			<view class="modtBox-b" @click="withdrawalamount">
				<image src="../../static/271.png"></image>
			</view>
		</view>
		<view class="dindganboxa" v-if="status==1">
			<view class="dindganbox_title">
				<view class="left">课程订单</view>
			</view>
			<view class="xiaobox" @click="course()">
				<image src="../../static/my/358.png" mode=""></image>
				<text>已购课程</text>
			</view>
			<!-- 	<view class="xiaobox" @click="download()">
				<image src="../../static/my/359.png" mode=""></image>
				<text>下载管理</text>
			</view> -->
		</view>
		<view class="dindganbox">
			<view class="dindganbox_title">
				<view class="left">商城订单</view>
				<!-- <view class="right" @click="todingdan()">全部订单<uni-icons type="right" size="16"
						color="#333333"></uni-icons> </view> -->
			</view>
			<view class="xiaobox" @click="orde(4)">
				<image src="../../static/my/360.png" mode=""></image>
				<text>全部订单</text>
			</view>
			<view class="xiaobox" @click="orde(0)">
				<image src="../../static/my/361.png" mode=""></image>
				<text>待付款</text>
			</view>
			<view class="xiaobox" @click="orde(1)">
				<image src="../../static/my/362.png" mode=""></image>
				<text>待发货</text>
			</view>
			<view class="xiaobox" @click="orde(3)">
				<image src="../../static/my/364.png" mode=""></image>
				<text>售后</text>
			</view>
		</view>
		<view class="dindganbox">
			<view class="dindganbox_title">
				<view class="left">其他服务</view>
				<view class="right"></view>
			</view>
			<view class="xiaobox" @click="memberb()">
				<image src="../../static/my/397.png" mode=""></image>
				<text>个人信息</text>
			</view>
			<view class="xiaobox" @click="follow()">
				<image src="../../static/my/365.png" mode=""></image>
				<text>我的收藏</text>
			</view>
			<view class="xiaobox" @click="showVipa()">
				<image src="../../static/401.png" mode=""></image>
				<text>我的地址</text>
			</view>
			<view class="xiaobox" @click="kickback()">
				<image src="../../static/my/368.png" mode=""></image>
				<text>推荐</text>
			</view>
			<view class="xiaobox" @click="dial">
				<image src="../../static/my/371.png" mode=""></image>
				<text>客服</text>
			</view>
			<view class="xiaobox" @click="toLoginOut()">
				<image src="../../static/my/373.png" mode=""></image>
				<text>系统设置</text>
			</view>
		</view>
		<view class="dangchukuan" v-show="denglumtk">
			<view class="neirdeli">
				<view class="titlebiaoti"> 您还未登录,请先登录！ </view>
				<view class="qianqudenglu">
					<button class="getphonebtn" @click="danchukuan"> 关闭</button>
					<!-- <button class="getinfobtn" v-if="wx" open-type="getPhoneNumber" :plain='true'
						@getphonenumber="bindGetUserInfo">未登录(点击登录)</button> -->
					<button class="getphonebtn" v-if="wx" :disabled="!yuanqunaduig" open-type="getPhoneNumber"
						@getphonenumber="bindGetUserInfo" :plain='true'> 手机号快捷登录</button>
					<button class="getphonebtn" v-if="!wx" @click="bindGetUserInfo"> 手机号快捷登录</button>
				</view>
				<view class="xiamian">
					<view class="yuedu">
						<image src="../../static/350.png" v-if="duihao" mode="" @click="duihaa"></image>
						<image src="../../static/352.png" v-if="yuanqunaduig" mode="" @click="duihab"></image>
					</view>
					<view class="zhiti"> 我已阅读并同意 <view class="yogh" @click="zhuc"> 用户注册协议、 </view>
						<view class="yiexsi" @click="handleOpenPrivacyContract"> 隐私协议 </view>
					</view>
				</view>
			</view>
			<view class="denglua" v-if='show'>
				<view class="aaa">
					<button class="getinfobtn" open-type="getPhoneNumber" :plain='true'
						@getphonenumber="bindGetUserInfo">绑定请先注册(点击注册)</button>
					<button class="aaabi" @click="hbi">关闭</button>
				</view>
			</view>
		</view>
		<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
			<view class=""
				style="background-color: #fff;height: 300rpx;width: 500rpx;display: flex;flex-direction: column;align-items: center;padding-top: 50rpx;border-radius: 10rpx;">
				<view class="" style="font-size: 36rpx;font-weight: 600;"> 客服:小颖 </view>
				<view class="" style="margin: 40rpx 0;display: flex;align-items: center;">
					<view class=""> 电话：15637192178 </view>
					<!-- <uni-icons type="phone" size="30" @click="phone"></uni-icons> -->
				</view>
				<view class=""> 邮箱：179953294@qq.com</view>
			</view>
		</uni-popup>
	</view>
</template>
<script>
	import {
		rigrstlogin,
		newgetOpenId,
		takeableIncome, //提现金额
		disableStatus, //隐藏
		getCouponPage, //优惠卷列表
		balanceRecord, //收益
		getPointByMemberId, //积分总数
		isSign, //判断今天是否签到
		memberSign, //// app签到接口
		getCount, //未读消息数量
		memberVipStatus, //查询用户是否是vip
		functions
	} from "../../request/api.js"
	export default {
		data() {
			return {
				jiamiinfo: {}, //手机号信息
				userInfo: {},
				param1: '',
				uid: '',
				show: false,
				denglumtk: false,
				wx: true,
				duihao: true,
				yuanqunaduig: false,
				money: {
					allIncome: '0',
					takeableIncome: '0'
				},
				hide: '',
				givenDates: [{
					name: '2024-10-24'
				}, {
					name: '2024-10-25'
				}, {
					name: '2024-10-26'
				}, {
					name: '2024-10-27'
				}, {
					name: '2024-10-28'
				}, {
					name: '2024-10-29'
				}, {
					name: '2024-10-30'
				}, ],
				total: 0,
				points: 0,
				checkinornot: '',
				totalpoints: 0,
				unreadinformation: '',
				todayAmount: '',
				status: 1,
				isLogin: true
			}
		},
		mounted() {
			this.memberVipStatusa(); // 首次调用函数
			// 每10秒调用一次函数
			setInterval(() => {
				this.memberVipStatusa();
			}, 10000); // 10000毫秒等于10秒
		},
		onLoad(e) {
			// console.log(e.scene, '二维码');
			// this.param1 = e.scene
			// this.param1 = '1798284529025675267'
			// console.log(this.param1, '绑定人');
			// if (this.param1 !== undefined) {
			// 	this.jiesdax()
			// } else {
			// 	console.log('正在加入团队');
			// }
		},
		onShow() {
			this.getStatus()
			if (uni.getStorageSync('userInfo')) {
				this.isLogin = true;
				this.userInfo = uni.getStorageSync('userInfo')
				this.getPointByMemberIda()
				this.getCouponPagea()
				this.isSigna() //判断今天是否签到
				this.getCounta()
				this.balanceRecorda()
				// this.takeableIncomea()
			} else {
				this.isLogin = false;
				console.log('未登录');
				// this.userInfo = null
			}
			// this.memberVipStatusa()
			// this.logins()
			// this.rq()
		},
		methods: {
			// 去登录
			toLogin() {
				uni.navigateTo({
					url: '/pages/index/logon'
				})
			},
			getStatus() {
				functions().then(res => {
					if (res.code == 200) {
						this.status = res.result;
					}
				})
			},
			// phone() {
			// 	uni.makePhoneCall({
			// 		phoneNumber: 15637192178
			// 	})
			// },
			dial() {
				this.$refs.popup.open()
				// plus.share.getServices(res => {
				// 	const wechat = res.find(i => i.id === 'weixin')
				// 	if (wechat) {
				// 		wechat.openCustomerServiceChat({
				// 			corpid: "wwa4109901095808d2", //第三步获取
				// 			url: "https://work.weixin.qq.com/kfid/kfcec94590fae8480a4"
				// 		}, src => {
				// 			console.log("success:")
				// 		}, err => {
				// 			console.log("error:")
				// 		})
				// 	} else {
				// 		uni.showToast({
				// 			title: '当前环境不支持',
				// 			icon: "error"
				// 		});
				// 	}
				// });
			},
			getCounta() {
				getCount({
					memberId: uni.getStorageSync('userInfo').id
				}).then(res => {
					this.unreadinformation = res.result
				})
			},
			isSigna() {
				isSign({
					memberId: uni.getStorageSync('userInfo').id
				}).then(res => {
					console.log(res);
					this.checkinornot = res.result
				})
			},
			balanceRecorda() {
				balanceRecord({
					memberId: uni.getStorageSync('userInfo').id
				}).then(res => {
					console.log(res);
					this.todayAmount = res.result.todayAmount
				})
			},
			memberVipStatusa() {
				memberVipStatus().then(res => {
					let userInfo = uni.getStorageSync('userInfo');
					userInfo.isVip = res.result;
					uni.setStorageSync('userInfo', userInfo);
				})
			},
			getPointByMemberIda() {
				getPointByMemberId({
					memberId: uni.getStorageSync('userInfo').id
				}).then(res => {
					console.log(res, '积分');
					this.totalpoints = res.result.sumPoint
				})
			},
			getCouponPagea() {
				let that = this
				getCouponPage({
					memberId: uni.getStorageSync('userInfo').id,
					status: 0,
					order: 'asc'
				}).then(res => {
					console.log(res);
					that.total = res.result.total; //数据总条数
				})
			},
			toLoginOut() {
				uni.navigateTo({
					url: '/pages/shopping/logout'
				})
			},
			rq() {
				const weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
				this.givenDates.forEach(date => {
					const [year, month, day] = date.name.split('-');
					console.log(month);
					const givenDate = new Date(year, 10 - 1, day);
					console.log(month);
					const dayOfWeek = weekDays[givenDate.getDay()];
					console.log(`${date.name} 是 ${dayOfWeek}`);
				});
			},
			disableStatuss() {
				disableStatus().then(res => {
					console.log(res, 'aa');
					this.hide = res.result
				})
			},
			takeableIncomea() {
				let uid = uni.getStorageSync('userInfo').id
				takeableIncome(uid).then(res => {
					console.log(res);
					this.money = res.result
				})
			},
			danchukuan() {
				console.log('收回');
				this.denglumtk = false
			},
			zhuc() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/set/xieyi'
				})
			},
			kickback() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/other/recommend'
				})
			},
			handleOpenPrivacyContract() {
				// 打开隐私协议页面
				wx.openPrivacyContract({
					success: () => {}, // 打开成功
					fail: () => {}, // 打开失败
					complete: () => {}
				})
			},
			duihaa() {
				this.duihao = false
				this.yuanqunaduig = true
			},
			duihab() {
				this.yuanqunaduig = false
				this.duihao = true
			},
			jiesdax() {
				if (uni.getStorageSync('token')) {
					this.bind()
					this.addIncrement()
					console.log(uni.getStorageSync('token'));
				} else {
					this.show = true
					console.log('没有tkoeno');
				}
			},
			hbi() {
				this.show = false
			},
			follow() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/other/collection'
				})
			},
			withdrawalamount() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/other/income'
				})
			},
			memberb() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/other/Information'
				})
			},
			showSet() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/set/set'
				})
			},
			logon() {
				uni.navigateTo({
					url: '/pages/index/logon'
				})
			},
			showVipa() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/other/address'
				})
			},
			signin() {
				uni.navigateTo({
					url: '/pages/my/signin'
				})
			},
			coupon() {
				uni.navigateTo({
					url: '/pages/my/coupon'
				})
			},
			notice() {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: '/pages/my/notice'
				})
			},
			income() {
				uni.navigateTo({
					url: '/pages/other/income'
				})
			},
			course() {
				uni.navigateTo({
					url: '/pages/my/course'
				})
			},
			download() {
				uni.navigateTo({
					url: '/pages/my/download'
				})
			},
			orde(num) {
				if (!this.userInfo) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					return
				}
				if (num == undefined) {
					num = ''
				}
				uni.navigateTo({
					url: '/pages/my/orde?status=' + num
				})
			},
			// 订单列表
			todingdan(num) {
				uni.navigateTo({
					url: '../orderlist/index?status=' + num
				})
			},
			// 获取手机号
			bindGetUserInfo(e) {
				let that = this
				uni.showLoading({
					title: '登录中...',
					mask: true
				})
				if (e.detail.errMsg != 'getPhoneNumber:ok') {
					wx.showToast({
						title: '您拒绝了授权',
						icon: 'none'
					})
					uni.hideLoading()
					return
				}
				console.log(e, '获取手机号')
				that.jiamiinfo = e.detail
				that.logins()
			},
			// 获取用户信息
			Sign(e) {
				let that = this
				let phone = e.phoneNumber.slice(0, 3) + '****' + e.phoneNumber.slice(e.phoneNumber.length - 4)
				rigrstlogin({
					// avatar: that.detail.avatarUrl,
					wxOpenid: e.openId,
					mobile: e.phoneNumber,
					nickName: phone,
					sex: 1,
					registLat: '',
					registLng: ''
				}).then(responts => {
					console.log(responts)
					let infos = responts.result
					if (responts.success) {
						that.userInfo = infos.member
						uni.setStorageSync('userInfo', infos.member);
						uni.setStorageSync('openId', infos.openId);
						uni.setStorageSync('token', infos.token);
						this.disableStatuss()
						that.denglumtk = false
						this.takeableIncomea()
					} else {
						uni.hideLoading()
						uni.showToast({
							title: '注册:' + responts.message,
							icon: 'none'
						})
					}
				}).catch(error => {
					console.log(err)
				})
			},
			//微信客服rigrstlogin
			Customer() {
				// // #ifdef MP-WEIXIN
				// wx.openCustomerServiceChat({
				//   extInfo: {url: ''},
				//   corpId: '',
				//   success(res) {}
				// })
				// // #endif
			},
			// lov() {
			// 	if (uni.getStorageSync('token')) {
			// 		getUserByOpenId({
			// 			openId: this.userInfo.wxOpenid
			// 		}).then(res => {
			// 			console.log(res, '个人信息');
			// 			uni.setStorageSync('userInfo', res.result);
			// 		})
			// 	}
			// },
			//登录detail'
			logins() {
				let that = this
				uni.login({
					success: res => {
						console.log(res, 'code');
						newgetOpenId({
							code: res.code,
							data: that.jiamiinfo.encryptedData,
							iv: that.jiamiinfo.iv,
						}).then(responts => {
							console.log(responts, '用户信息');
							let infos = responts.result
							if (responts.success) {
								//判断是否有用户信息，没有就去注册
								if (responts.result.memberVO != null) {
									that.userInfo = infos.memberVO
									uni.setStorageSync('userInfo', infos.memberVO);
									uni.setStorageSync('token', infos.token);
									uni.setStorageSync('openId', infos.openId);
									that.denglumtk = false
									this.show = false
									this.disableStatuss()
									this.takeableIncomea()
									// this.bind()
									// this.addIncrement()
								} else {
									//去注册
									// this.show = true
									that.Sign(infos)
								}
							} else {
								uni.showToast({
									title: responts.message,
									icon: 'none'
								})
							}
							uni.hideLoading()
						})
					}
				})
			},
			bind() {
				this.uid = uni.getStorageSync('userInfo')
				let tahe = this
				bind({
					referrerId: this.param1,
					memberId: tahe.uid.id
				}).then(res => {
					if (res.code == 200) {
						console.log(res, '绑定成功');
						uni.showToast({
							title: '绑定成功',
							icon: 'none'
						})
					} else {
						console.log('失败或者为空', tahe.uid.id);
					}
				})
			},
		}
	}
</script>
<style lang="less" scoped>
	.imag {
		height: 1124rpx;
		width: 100%;
		position: absolute;
		top: -100rpx;
		left: 0;
		z-index: -1;

		image {
			height: 1124rpx;
			width: 100%;
		}
	}

	.modtBox {
		// height: 148rpx;
		z-index: 9;
		border-radius: 20rpx;
		margin: 30rpx;
		padding-bottom: 20rpx;
		padding-left: 50rpx;
		padding-right: 200rpx;
		display: flex;
		// align-items: center;
		// justify-content: space-between;
		flex-wrap: wrap;
		position: relative;

		.image {
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
			z-index: -1;

			image {
				height: 100%;
				width: 100%;
			}
		}

		.modtBox-a {
			padding: 10rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 12px;
			font-weight: 500;
			margin-top: 20rpx;
			margin-right: 20rpx;

			.modtBox-a-a {
				display: flex;
				align-items: center;

				.text {
					color: #ffffff;
					text-align: left;
					font-size: 24rpx;
					font-weight: 500;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.modtBox-a-b {
				// margin-top: 20rpx;
				color: #ffffff;
				font-size: 56rpx;
				font-weight: 900;
			}

			.modtBox-a-c {
				margin-top: 20rpx;
				color: #ffffff;
				font-size: 32rpx;
				font-weight: 900;
			}
		}

		.modtBox-b {
			width: 184rpx;
			height: 86rpx;
			margin-top: 20rpx;
			position: absolute;
			right: -20rpx;
			top: 40rpx;

			image {
				width: 184rpx;
				height: 86rpx;
			}
		}
	}

	.longb {
		display: flex;
		justify-content: center;
		align-items: center;

		.long {
			margin-right: 40rpx;
			text-align: center;

			.jine {
				margin-bottom: 30rpx;
			}

			.mz {
				font-size: 43rpx;
			}
		}
	}

	.yuedu {
		// width: 54rpx;
		height: 100rpx;
		display: flex;
		align-items: center;
		line-height: 100rpx;
	}

	.yuedu image {
		width: 30rpx;
		height: 30rpx;
	}

	.dangchukuan {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		// opacity: 0.7;
		position: absolute;
		left: 0;
		top: 0;
		// left: 50%;
		// top: 50%;
		// transform: translate(-50%, -50%);
		z-index: 99;
	}

	.neirdeli {
		width: 700rpx;
		height: 500rpx;
		background-color: #FFFFFF;
		margin: 0 auto;
		// margin-top: 400rpx;
		position: absolute;
		// left: 0;
		// top: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 20rpx;
		padding-bottom: 34rpx;
		box-sizing: border-box;
	}

	.getphonebtn {
		// width: 100%;
		// height: 100%;
		width: 300rpx;
		height: 100rpx;
		background-color: #0055B8;
		// margin-top: 30rpx;
		font-size: 30rpx;
		display: flex;
		color: #FFFFFF;
		justify-content: center;
		align-items: center;
		border-radius: 50rpx;
		border: 1rpx solid #eee;
	}

	.titlebiaoti {
		width: 700rpx;
		height: 200rpx;
		text-align: center;
		font-size: 43rpx;
		line-height: 300rpx;
		// border-bottom: 2rpx solid #55ff00;
	}

	.qianqudenglu {
		width: 700rpx;
		height: 200rpx;
		text-align: center;
		display: flex;
		background-color: #FFFFFF;
		line-height: 200rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		border-radius: 20rpx;
	}

	button::after {
		border: none;
	}

	button {
		border: none !important;
		padding: 0;
		color: #333;
		background-color: #fff;
	}

	.yuedu {
		display: flex;
	}

	.xiamian {
		width: 700rpx;
		height: 100rpx;
		text-align: center;
		display: flex;
		background-color: #FFFFFF;
		line-height: 200rpx;
		color: #000000;
		display: flex;
		align-items: center;
		border-radius: 20rpx;
		padding-left: 34rpx;
		box-sizing: border-box;
	}

	.zhiti {
		height: 100rpx;
		display: flex;
		align-items: center;
		margin-left: 4rpx;
		font-size: 24rpx;
	}

	.yogh {
		color: #0055B8;
	}

	.yiexsi {
		color: #0055B8;
	}

	.denglua {
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		display: flex;
		align-items: center;
		justify-content: center;

		.aaa {
			text-align: center;

			.getinfobtn {
				background: #FBF2E7;
			}

			.aaabi {
				margin-top: 25rpx;
			}
		}
	}

	.topstart {
		height: var(--status-bar-height);
	}

	.header {
		text-align: center;
		color: #170000;
		font-size: 36rpx;
		margin-bottom: 30rpx;
	}

	.container {
		width: 100%;
		min-height: 100vh;
		box-sizing: border-box;
		background-size: 100% auto;
		padding: 20rpx 0;
		position: relative;
		z-index: 2;
		background: #f4f5f9;

		.signin {
			text-align: right;
			padding-right: 73rpx;
			padding-top: 20rpx;

			.notice {
				margin-top: 20rpx;
				position: relative;

				image {
					width: 34rpx;
					height: 40rpx;
					margin-bottom: 20rpx;
				}

				.information {
					width: 20rpx;
					height: 20rpx;
					color: #fff;
					text-align: center;
					line-height: 20rpx;
					background: #fd4545;
					position: absolute;
					border-radius: 50rpx;
					font-size: 8rpx;
					top: -10rpx;
					right: -5rpx;
					z-index: 1211;
				}
			}

			.notsignedin {
				// width: 152rpx;
				// height: 48rpx;
				width: 100%;
				display: flex;
				justify-content: end;
				// #ifdef H5
				position: relative;
				right: 0;
				bottom: 20rpx;

				// #endif
				// text-align: center;
				// position: relative;
				// image {
				// 	width: 152rpx;
				// 	height: 48rpx;
				// 	position: absolute;
				// 	top: 0;
				// 	left: 0;
				// }
				.notsignedintext {
					// #ifdef H5
					position: absolute;
					right: 0;
					// #endif
					width: 152rpx;
					height: 48rpx;
					text-align: center;
					line-height: 48rpx;
					background-color: #FDF3E8;
					border-radius: 22rpx;
					color: #ffaf5a;
					font-size: 24rpx;
					font-weight: 500;
				}
			}
		}

		.headerbox {
			padding-left: 30rpx;
			width: 100%;
			// height: 200rpx;
			display: flex;
			align-items: center;
			position: relative;
			color: #333333;

			.getinfobtn {
				border: none;
			}

			.boximg {
				width: 140rpx;
				height: 140rpx;
				border-radius: 50%;
			}

			.details {
				margin-left: 32rpx;
			}

			.name {
				font-size: 36rpx;
				margin-bottom: 16rpx;
			}

			.namea {
				width: 130rpx;
				padding: 8rpx 16rpx;
				border-radius: 126rpx;
				background: #000000;
				color: #facfa2;
				font-size: 24rpx;
				font-weight: 500;
				// text-align: center;
				display: flex;
				align-items: center;

				image {
					width: 44rpx;
					height: 36rpx;
					margin-right: 10rpx;
				}

				.nameatext {}
			}

			.phone {
				font-size: 22rpx;
			}
		}

		.dindganboxa {
			// width: 92%;
			background-color: #fff;
			border-radius: 20rpx;
			margin: 30rpx;
			padding-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;

			.dindganbox_title {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 40rpx 30rpx;

				.left {
					font-size: 30rpx;
					font-weight: 700;
					color: #332B1F;
				}

				.right {
					font-size: 24rpx;
					color: #B0B0B0;
					display: flex;

					image {
						width: 11rpx;
						height: 20rpx;
					}
				}
			}

			.xiaobox {
				text-align: center;
				font-size: 24rpx;
				color: #333;
				width: 25%;
				margin-top: 20rpx;
				margin-bottom: 20rpx;
				position: relative;

				image {
					display: block;
					width: 50rpx;
					height: 50rpx;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 10rpx;
				}
			}
		}

		.dindganbox {
			// width: 92%;
			background-color: #fff;
			border-radius: 20rpx;
			margin: 30rpx;
			padding-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: left;
			flex-wrap: wrap;

			.dindganbox_title {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 40rpx 30rpx;

				.left {
					font-size: 30rpx;
					font-weight: 700;
					color: #332B1F;
				}

				.right {
					font-size: 24rpx;
					color: #B0B0B0;
					display: flex;

					image {
						width: 11rpx;
						height: 20rpx;
					}
				}
			}

			.xiaobox {
				text-align: center;
				font-size: 24rpx;
				color: #333;
				width: 25%;
				margin-top: 20rpx;
				margin-bottom: 20rpx;
				position: relative;

				.butt {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					// z-index: -11;
					background-color: rgba(0, 0, 0, 0);
				}

				button {
					border: none;
					font-size: 24rpx;
					color: #333;
					line-height: 1.5;
					background-color: #fff;
				}

				image {
					display: block;
					width: 50rpx;
					height: 50rpx;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 10rpx;
				}

				.xiaoboxa {
					width: 36.39rpx;
					height: 42.14rpx;
				}

				.xiaoboxb {
					width: 42.52rpx;
					height: 37.33rpx;
				}

				.xiaoboxc {
					width: 40.15rpx;
					height: 40.23rpx;
				}

				.xiaoboxd {
					width: 40.43rpx;
					height: 40.51rpx;
				}

				.adaa {
					width: 43.51rpx;
					height: 43.49rpx;
				}

				.adab {
					width: 43.92rpx;
					height: 43.49rpx;
				}

				.adac {
					width: 44.84rpx;
					height: 40.6rpx;
				}

				.adad {
					width: 40.55rpx;
					height: 39.16rpx;
				}

				.adae {
					width: 44.57rpx;
					height: 43.65rpx;
				}

				.adaf {
					width: 44.96rpx;
					height: 41.67rpx;
				}
			}
		}
	}

	.ada {
		width: 34rpx;
	}
</style>